@import 'variables';

seed-sale-index {
  seed-content {
    background-color: color(c9);
  }
  .seed-underline:before {
    z-index: 1;
  }
  .sale-index-wrap {
    padding-top: pxTorem(20);
    .data-box {
      background-color: color(c10);
    }
    .data-item {
      height: pxTorem(200);
      display: flex;
      box-sizing: border-box;
      align-items: center;
    }
    .data-col {
      flex: 1;
      height: pxTorem(120);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-flow: column;
      position: relative;
      &:after {
        content: '';
        display: inline-block;
        position: absolute;
        -webkit-transform: scaleX(0.5);
        transform: scaleX(0.5);
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto 0;
        width: 1px;
        height: 100%;
        background-color: #e8e8e8;
      }
      &:last-child {
        &:after {
          content: none;
        }
      }
      div:first-child {
        font-size: standard($f, f3);
        color: color(c2);
        margin-bottom: pxTorem(30);
      }
      div:last-child {
        font-size: standard($f, f4);
        color: color(c4);
      }
    }
    .customer-list {
      margin-top: pxTorem(20);
      height: pxTorem(88);
      background-color: color(c10);
      font-size: standard($f, f2);
      display: flex;
      align-items: center;
    }
    .customer-item {
      padding: 0 pxTorem(24);
      flex: 1;
      position: relative;
      &:after {
        content: '';
        position: absolute;
        right: pxTorem(12);
        top: 0;
        bottom: 0;
        margin: auto 0;
        @include icon(30, 30, '#{$icons-path}/icon_training_right_s@2x.png');
      }
    }
  }
  seed-submit-button {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 8;
    box-sizing: border-box;
  }
}
